<template>
  <div>
   <!-- 树叶余额开始 -->
    <div class="shuYe">
      <div class="shuYeyuE">
        <div class="shuMonery">
          <span class="ye">树叶余额</span>
          <!-- <p class="qianOne"> <h5>0 <span>￥0.0元</span></h5></p> -->
          <p class="qianOne"><a class="a">0 </a><span>￥0.0元</span></p>
        </div>
        <div class="shuMonery">
          <span class="ye">今日收入</span>
          <p class="qianOne"><a class="a">0</a></p>
        </div>
      </div>
    </div>
    <!-- 树叶余额结束 -->
  </div>
</template>

<script>
export default {};
</script>

<style lang="less" scoped>
.shuYe {
}
.shuYeyuE {
  display: flex;
  justify-content: space-around;
  // flex-wrap:wrap;
  width: 690px;
  height: 235px;
//   border: 1px solid red;
  margin-left: 30px;
  background-image: url(../../../../static/images/wallet&signin/wallet17.png);
  background-size: 680px 220px;
  background-repeat: no-repeat;
  background-position: 3px 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .12),0 0 6px rgba(0, 0, 0, .04)
}
.shuMonery {
  margin-top: 70px;
  width: 136px;
  height: 128px;
  // border: 1px solid green;
  span {
    font-size: 12px;

    color: #fff;
  }
  .ye {
    text-align: left;
    font-size: 28px;
    color: #ffdadf;
  }
}
.qianOne {
    // text-align: left;
  display: inline-block;
  width: 100%;
  height: 53px;
  line-height: 53px;
  // border: 1px solid green;
  .a {
    color: #fff;
  }
}
</style>